<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/orders.css">
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
</head>

<body>
    <!-- 内容部分 -->
    <div class="main">
        <!-- 用户信息 -->
        <div class="user_msg pannel">
            <div class="local">
                <a href="#" class="iconfont icon-location"></a>
            </div>
            <div class="content">
                <div class="top">
                    <h5>林丽</h5>
                    <p>18500667882</p>
                </div>
                <div class="bottom">
                    北京市 海淀区 中关村软件园 信息科技大厦1号
                    楼410#
                </div>
            </div>
            <div class="more">
                <a href="#" class="iconfont icon-more"></a>
            </div>
        </div>
        <!-- 用户订单 -->
        <div class="goods pannel">
            <div class="pic">
                <a href="#"><img src="./uploads/pic.png" alt=""></a>
            </div>
            <div class="info">
                <h3>康尔贝 非接触式红外体温仪<br>领券立减30元 婴儿级材质 测温…</h3>
                <div class="choose">
                    <h4>粉色</h4>
                    <span>红外体温计</span>
                </div>
                <div class="money">
                    <span>￥<i>266</i></span>
                    <em>￥299</em>
                </div>
            </div>

            <div class="count">
                <a href="#">
                    <i class="iconfont icon-x"></i><span>1</span>
                </a>
            </div>
        </div>
        <!-- 其它信息 -->
        <div class="other pannel">
            <div>
                <h5>配送方式</h5>
                <p>顺丰快递</p>
            </div>
            <div>
                <h5>买家备注</h5>
                <p>希望可以尽快发货，谢谢~</p>
            </div>
            <div>
                <h5>支付方式</h5>
                <p><a>支付宝<span class="iconfont icon-more"></span></a></p>
            </div>
        </div>
        <!-- 价格详情 -->
        <div class="price pannel">
            <div>
                <h5>商品总价</h5>
                <p>￥299.00</p>
            </div>
            <div>
                <h5>运费</h5>
                <p>￥0.00</p>
            </div>
            <div>
                <h5>折扣</h5>
                <p>-￥30.00</p>
            </div>
        </div>
    </div>
    <!-- 支付部分 -->
    <div class="pay">
        <div class="left">
            合计:<span>￥<i>299.00</i></span>
        </div>
        <div class="right">
            <a href="#">去支付</a>
        </div>
    </div>
</body>

</html>